html
{
    font-family: sans-serif;
    background-color: #ecf7ff;
}

body
{
    margin: 0 auto;
    width:90%;
}

h1
{
    margin-top:50px;
    text-align: center;
    font-size:40px;
    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    color: #222222;
}

#lekcje
{
    margin-top:30px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    
}

#lekcje a
{
    width:270px;
    height:150px;
    background-color:#c3c6f1;
    color:#232974;
    margin:5px;
    text-decoration: none;
    text-align: center;
    padding:10px;
    line-height: 1.5;
    border-radius: 5px;
}

.uzupelniacz
{
    opacity: 0;
}

.lekcja_tytul
{
    margin:0px;
    font-size:30px;
    font-weight: bold;
}

.lekcja_opis
{
    margin-top:10px;
    margin-bottom: 5px;
    font-size:24px;
    line-height: 1.3;
}

.lekcja_data
{
    font-size:16px;
    color:#777777
}

#lekcje a:hover
{
    box-shadow: 0px 0px 10px 5px #dddddd;
    transition: 0.2s;
}



#inne_strony
{
    margin-top:60px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#inne_strony a
{
    width:400px;
    height:40px;
    background-color:#96c1fa;
    color:#042661;
    margin:5px;
    text-decoration: none;
    text-align: center;
    padding:10px;
    line-height: 1.5;
    border-radius: 5px;
    font-size:28px;
}

#inne_strony a:hover
{
    box-shadow: 0px 0px 10px 5px #dddddd;
    transition: 0.2s;
}

#github
{
    margin-bottom:50px;
    display:flex;
    justify-content: center;
}

#github a
{
    margin: 0 auto;
    width:800px;
    height:40px;
    background-color:#5ac787;
    color:#244733;
    margin:5px;
    text-decoration: none;
    text-align: center;
    padding:10px;
    line-height: 1.5;
    border-radius: 5px;
    font-size:28px;
}